<div class="mui-content bg-gray">
  <div class="d-flex header bg-linear">
    <div class="flex">
      <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    </div>
    <div class="flex text-center title">自定义筛选</div>
    <div class="flex mui-text-right">
      <a (click)="finished()">完成</a>
    </div>
  </div>
  <div class="info-container">
    <div class="mui-card">
      <div class="mui-card-content mui-input-group input-group_right">
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">工作类型</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.occupation == '不限'}">
              <input type="radio" value="不限" name="occupation" [(ngModel)]="condition.occupation">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.occupation == '上班族'}">
              <input type="radio" value="上班族" name="occupation" [(ngModel)]="condition.occupation">上班族</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.occupation == '公务员'}">
              <input type="radio" value="公务员" name="occupation" [(ngModel)]="condition.occupation">公务员</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.occupation == '私企业主'}">
              <input type="radio" value="私企业主" name="occupation" [(ngModel)]="condition.occupation">私企业主</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">房产情况</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.housetype == '不限'}">
              <input type="radio" value="不限" name="housetype" [(ngModel)]="condition.housetype">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.housetype == '1'}">
              <input type="radio" value="1" name="housetype" [(ngModel)]="condition.housetype">有房无房贷</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.housetype == '2'}">
              <input type="radio" value="2" name="housetype" [(ngModel)]="condition.housetype">有房有房贷</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.housetype == '3'}">
              <input type="radio" value="3" name="housetype" [(ngModel)]="condition.housetype">无房</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">车产情况</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.cartype == '不限'}">
              <input type="radio" value="不限" name="cartype" [(ngModel)]="condition.cartype">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.cartype == '1'}">
              <input type="radio" value="1" name="cartype" [(ngModel)]="condition.cartype">有车无车贷</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.cartype == '2'}">
              <input type="radio" value="2" name="cartype" [(ngModel)]="condition.cartype">有车有车贷</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.cartype == '3'}">
              <input type="radio" value="3" name="cartype" [(ngModel)]="condition.cartype">无房</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">保险情况</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.insurance == '不限'}">
              <input type="radio" value="不限" name="insurance" [(ngModel)]="condition.insurance">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.insurance == '1'}">
              <input type="radio" value="1" name="insurance" [(ngModel)]="condition.insurance">有</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.insurance == '2'}">
              <input type="radio" value="2" name="insurance" [(ngModel)]="condition.insurance">无</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">公积金</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.accumulationfund == '不限'}">
              <input type="radio" value="不限" name="accumulationfund" [(ngModel)]="condition.accumulationfund">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.accumulationfund == '1'}">
              <input type="radio" value="1" name="accumulationfund" [(ngModel)]="condition.accumulationfund">一年以内</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.accumulationfund == '2'}">
              <input type="radio" value="2" name="accumulationfund" [(ngModel)]="condition.accumulationfund">一年以上</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.accumulationfund == '3'}">
              <input type="radio" value="3" name="accumulationfund" [(ngModel)]="condition.accumulationfund">无公积金</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">社会保障</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.socialsecurity == '不限'}">
              <input type="radio" value="不限" name="socialsecurity" [(ngModel)]="condition.socialsecurity">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.socialsecurity == '1'}">
              <input type="radio" value="1" name="socialsecurity" [(ngModel)]="condition.socialsecurity">有</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.socialsecurity == '2'}">
              <input type="radio" value="2" name="socialsecurity" [(ngModel)]="condition.socialsecurity">无</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">月收入</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.monthlyincome == '不限'}">
              <input type="radio" value="不限" name="monthlyincome" [(ngModel)]="condition.monthlyincome">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.monthlyincome == '2千以下'}">
              <input type="radio" value="2千以下" name="monthlyincome" [(ngModel)]="condition.monthlyincome">2千以下</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.monthlyincome == '2千~5千'}">
              <input type="radio" value="2千~5千" name="monthlyincome" [(ngModel)]="condition.monthlyincome">2千~5千</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.monthlyincome == '5千以上'}">
              <input type="radio" value="5千以上" name="monthlyincome" [(ngModel)]="condition.monthlyincome">5千以上</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">工资发放方式</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.payrolltype == '不限'}">
              <input type="radio" value="不限" name="payrolltype" [(ngModel)]="condition.payrolltype">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.payrolltype == '1'}">
              <input type="radio" value="1" name="payrolltype" [(ngModel)]="condition.payrolltype">现金发放</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.payrolltype == '2'}">
              <input type="radio" value="2" name="payrolltype" [(ngModel)]="condition.payrolltype">银行转账</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">工作时间</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.workinglife == '不限'}">
              <input type="radio" value="不限" name="workinglife" [(ngModel)]="condition.workinglife">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.workinglife == '6个月内'}">
              <input type="radio" value="6个月内" name="workinglife" [(ngModel)]="condition.workinglife">6个月内</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.workinglife == '12个月内'}">
              <input type="radio" value="12个月内" name="workinglife" [(ngModel)]="condition.workinglife">12个月内</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.workinglife == '一年以上'}">
              <input type="radio" value="一年以上" name="workinglife" [(ngModel)]="condition.workinglife">一年以上</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">贷款额度</div>
          <div class="mui-col-xs-9">
              <input class="m-b0 number-input" type="number" placeholder="最小额度" value="" [(ngModel)]="condition.from_money">元-
              <input class="m-b0 number-input" type="number" placeholder="最大额度" value="" [(ngModel)]="condition.to_money">元
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
